//jsx 文件理解为.vue文件
// rfce 可以快速生成一个组件 // 在react中一个组件就是一个.jsx文件
// 生成一个组件得快捷方式 rfce(函数组件)
import React from 'react'
import Lifeclass from './lifeclass'
import Myclas from './myclas'
import {useState} from "react"
function App() {
  let [flag,setFLAFG] = useState(true)
  let fn = ()=>{
    setFLAFG(flag=>!flag)
  }
  return (
    <div>
         <button onClick={fn}>点击销毁或者创建组件</button>
        <Myclas></Myclas>
        <hr></hr>
        {
          flag ?  <Lifeclass></Lifeclass> :""
        }
       
    </div>
  )
}

export default App
